<template>
  <Layout class="main">
    <Nav />
    <Content class="content">
      <div class="site-layout-content">
        <router-view />
      </div>
    </Content>
  </Layout>
</template>
<script lang='ts'>
import { Layout } from "ant-design-vue";

import Nav from "./Nav/index.vue";

const { Content } = Layout;

export default {
  components: {
    Nav,
    Layout,
    Content,
  },
};
</script>
<style lang="less">
.main {
  padding-top: @header_height;
  min-height: 100vh;

  .content {
    padding: 24px;

    .site-layout-content {
      background-color: #ffffff;
      padding: 12px;
      min-height: 400px;
    }
  }
}
</style>